---
title: Sandboxes
description: Check out Dinero.js in action in working sandboxes.
---

If you learn better by seeing code in action, or want to start from an existing project, check out the Dinero.js sandboxes on [CodeSandbox](https://codesandbox.io/).

## Shopping cart with React

This sandbox showcases Dinero.js in action in a [React](https://reactjs.org/)-powered shopping cart.

<Link href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/cart-react">

<Image
  alt={`Shopping cart with React`}
  src={`/images/examples/cart-react.png`}
/>

</Link>

<CenterBlock>

<ButtonLink href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/cart-react">
View sandbox
</ButtonLink>

</CenterBlock>

## Shopping cart with Vue.js

This sandbox showcases Dinero.js in action in a [Vue.js](https://vuejs.org/)-powered shopping cart.

<Link href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/cart-vue">

<Image
  alt={`Shopping cart with Vue.js`}
  src={`/images/examples/cart-vue.png`}
/>

</Link>

<CenterBlock>

<ButtonLink href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/cart-vue">
View sandbox
</ButtonLink>

</CenterBlock>

## Pricing page with React

This sandbox showcases Dinero.js in action in a [React](https://reactjs.org/)-powered pricing page.

<Link href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/pricing-react">

<Image
  alt={`Pricing page with React`}
  src={`/images/examples/pricing-react.png`}
/>

</Link>

<CenterBlock>

<ButtonLink href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/pricing-react">
View sandbox
</ButtonLink>

</CenterBlock>

## Starter playground

This sandbox lets you try Dinero.js in a minimal environment. It's ideal to reproduce issues.

<Link href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/starter">

<Image
  alt={`Starter playground`}
  src={`/images/examples/starter.png`}
/>

</Link>

<CenterBlock>

<ButtonLink href="https://codesandbox.io/s/github/dinerojs/dinero.js/tree/main/examples/starter">
View sandbox
</ButtonLink>

</CenterBlock>
